<template>
	<div class="decoration-panel">
		<dv-decoration-7 :color="styles.color">
			<span :style="{color:styles.fontColor, fontSize: styles.fontSize+'px', margin: '0 10px'}">{{
				attrs.title
			}}</span>
		</dv-decoration-7>
	</div>
</template>
<script setup>
import { Decoration7 as DvDecoration7 } from "@kjgl77/datav-vue3";
const props = defineProps({
	styles: {
		type: Object,
		default: () => {},
	},
	attrs: {
		type: Object,
		default: () => {},
	},
	canvas: {
		type: Object,
		default: () => {},
	}
});
</script>
<style lang="scss" scoped>
.decoration-panel {
	width: 100%;
	height: 100%;
}
</style>
